<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Friend Demo for Bootstrap</title>
    <link rel="shortcut icon" href="./images/1358407547.jpg" type="image/x-icon" />
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap-table.css">
    <link rel="stylesheet" type="text/css" href="../css/init.css">
    <link rel="stylesheet" type="text/css" href="../css/test.css">
</head>

<body>
    <!-- 内容区 -->
    <div id="content">
        <div id="right-content" class="col-md-10">
            <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true" data-backdrop="static">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="editModalLabel">修改用户信息</h4>
                        </div>
                        <form accept-charset="utf-8">
                            <div class="modal-body">
                                <div class="input-group">
                                    <span class="input-group-addon">用户ID：</span>
                                    <input type="text" readonly class="form-control" name="editId">
                                </div></br>
                                <div class="input-group">
                                    <span class="input-group-addon">用户名：</span>
                                    <input type="text" class="form-control" name="editName">
                                </div></br>
                                <div class="input-group">
                                    <span class="input-group-addon">密&nbsp;&nbsp;&nbsp;码：</span>
                                    <input type="text" class="form-control" name="editPasswd">
                                </div></br>
                                <div class="input-group">
                                    <span class="input-group-addon">公&nbsp;&nbsp;&nbsp;司：</span>
                                    <input type="text" class="form-control" name="editCompany">
                                </div></br>
                                <div class="input-group">
                                    <span class="input-group-addon">年&nbsp;&nbsp;&nbsp;龄：</span>
                                    <input type="text" class="form-control" name="editAge">
                                </div></br>
                                <div class="input-group">
                                    <span class="input-group-addon">性&nbsp;&nbsp;&nbsp;别：</span>
                                    <label>男<input type="radio" checked name="editSex" value="1"></label>
                                    <label>女<input type="radio" name="editSex" value="0"></label>
                                </div>
                            </div>
                        </form>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                            </button>
                            <button type="button" class="btn btn-default editBtn" id="editSubmit">提交</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" aria-hidden="true" data-backdrop="static">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="addodalLabel">添加用户信息</h4>
                        </div>
                        <form accept-charset="utf-8">
                            <div class="modal-body">
                                <div class="input-group">
                                    <span class="input-group-addon">用户ID：</span>
                                    <input type="text" class="form-control" name="addId">
                                </div></br>
                                <div class="input-group">
                                    <span class="input-group-addon">用户名：</span>
                                    <input type="text" class="form-control" name="addName">
                                </div></br>
                                <div class="input-group">
                                    <span class="input-group-addon">密&nbsp;&nbsp;&nbsp;码：</span>
                                    <input type="text" class="form-control" name="addPasswd">
                                </div></br>
                                <div class="input-group">
                                    <span class="input-group-addon">公&nbsp;&nbsp;&nbsp;司：</span>
                                    <input type="text" class="form-control" name="addCompany">
                                </div></br>
                                <div class="input-group">
                                    <span class="input-group-addon">年&nbsp;&nbsp;&nbsp;龄：</span>
                                    <input type="text" class="form-control" name="addAge">
                                </div></br>
                                <div class="input-group">
                                    <span class="input-group-addon">性&nbsp;&nbsp;&nbsp;别：</span>
                                    <!-- <input type="text" class="form-control" name="addSex"> -->
                                    <label>男<input type="radio" checked name="addSex" value="1"></label>
                                    <label>女<input type="radio" name="addSex" value="0"></label>
                                </div>
                            </div>
                        </form>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                            </button>
                            <button type="button" class="btn btn-default delBtn" id="addSubmit">添加</button>
                        </div>
                    </div>
                </div>
            </div>
            <div id="toolbar" class="btn-group">
                <button id="btn_add" type="button" class="btn btn-default" data-target='#addModal'>
                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
                </button>
                <button id="btn_edit" type="button" class="btn btn-default" data-target='#editModal'>
                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
                </button>
                <button id="btn_delete" type="button" class="btn btn-default">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
                </button>
                <button id="btn_refresh" type="button" class="btn btn-default">
                    <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>刷新
                </button>
            </div>
            <table id="tb_departments">
                <thead>
                    <tr>
                        <th data-field="userid">用户id</th>
                        <th data-field="username">用户名</th>
                        <th data-field="password">密码</th>
                        <th data-field="age">年龄</th>
                        <th data-field="sex">性别</th>
                        <th data-field="company">公司</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    </div>
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
    <script type="text/javascript" src="../js/bootstrap-table.js"></script>
    <script type="text/javascript" src="../js/test.js"></script>
</body>

</html>